11 October 2012

[CSS] Transparent input fields not clickable in IE8

Another straight to the point solution

So you have an input field on your page which is transparent, like this:

#my_form input[type="text"] 
{
        border: none;
        background-color: transparent;
}

It works great in Chrome, Firefox and Opera but somehow is not click-able in IE8?
IE8 can show input fields with transparency but something, due to weird bugs, it doesn't want to. It is extremely poor browser, so all you can in a situation like this is to try a different approach.

OK, here are a few things you might try in order to make your field usable in IE8:
1) Change "background-color: transparent" to "background: transparent"
2) Don't make it transparent- use a background image
3) If nothing helps- use a solid color

[CSS] Transparent input fields not clickable in IE8

Comments